html {
    body{
        color:black;
        font: 10pt 'lucida grande', verdana, helvetica, arial;

        p {
            &.first{margin-top:30pt}
        }

        strong {
            &.label{
                display:inline-block;
                width:130pt;
                text-align:right
            }
        }

        h1{
            display:inline-block;margin:10pt 40pt;
            font-size:20pt;
            color:#000;
            font-family:'lucida grande', Verdana, helvetica
        }

        .blue {color:#005BAA}
        
        table{
            width:100%;
            border-collapse: collapse;
            margin-top:40pt;

            tr {

                th{
                    padding:3pt 7pt;
                    background:#ccc;
                    border-bottom:3pt double #000;

                    &:first-child {
                        border-left:1px solid #ccc;
                    }
                }

                td{
                    vertical-align: top;
                    border-bottom:1pt solid #ccc;
                    padding:3pt;
                    border-right:1px solid #ccc;

                    &:first-child{
                        border-left:1px solid #ccc
                    }
                }
                
                &.total {
                    td{
                        border:none;
                        font-weight:600;

                        &.total{
                            font-weight:600
                        }
                    }
                    &.separator {
                        td {
                            border-top:2pt solid #000
                        }
                    }
                }
                &.blue{
                    th{
                        background:#005BAA;
                        color:#fff;
                        border-bottom:none;
                        
                        &:first-child{
                            border-left:1px solid #005BAA
                        }
                    }
                }
            }

            input[type=text]{width:90%}

            &.right{
                float:right;
                width:auto
            }
        }

        button[type=submit]{
            position:fixed;
            top:5pt;
            right:5pt
        }
        
        header{
            float:left;
            width:100%;
            margin-bottom:10pt;
            text-align:left;
            background:transparent;
            box-shadow:none;
            img{float:left}
        }
        footer{
            clear:both;
            margin-top:30pt;
            border-top:1pt solid #ccc;
            padding-top:10pt;
            text-align:center;
            color:#999;

            *{opacity:0.75}
            .blue{opacity:0.5}
        }

        #signature{
            float:right;
            width:120pt;
            text-align:center;
            margin:30pt 0;
            border-bottom:1pt solid #000;
            padding-bottom:30pt
        }
    }
}